<template>
  <container-template 
    :nav-info="navInfo" 
    :nav-style="navStyle"
  >
    hello. it's bottom navigator
  </container-template>
</template>

<script>
import ContainerTemplate from './ContainerTemplate.vue'

export default {
  components: {
    ContainerTemplate
  },
  data() {
    return {
      navStyle: 'background-image: linear-gradient(-90deg,#0ECAC7 0,#06C1AE 100%)',
      navInfo: {
        title: '美团导航',
        items: [
          {
            kind: '',
            keyword: '',
            text: ''
          }
        ]
      }
    }
  }
}
</script>

<style lang="stylus" scoped>

</style>
